<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>科科魔方</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/children.css" />
		<link href="css/picker.css" rel="stylesheet" />
	</head>
	<body>
		<div class="content-main-box">
			<div class="banner-box">
				<img src="images/banner.png" class="img-banner">
			</div>
			<div class="content bg-white">
				<div class="charge-box">
					<div class="time-box" onclick="location.href='附近电桩.html'">
						<div class="left-box">
							<p class="title">附近电站</p>
							<p class="time">查看附近电站</p>
						</div>
						<img src="images/icon/home-add.png" class="icon-add">
					</div>
					<div class="time-box" onclick="location.href='充电记录.html'">
						<div class="left-box">
							<p class="title">订单记录</p>
							<p class="time">查看充电订单</p>
						</div>

						<img src="images/icon/home-bock.png" class="icon-add">
					</div>
				</div>

				<div class="order-tips-box" style="display: none;">
					<p>当前有订单正在进行...</p>
					<a class="btn-small-blue">查看</a>
				</div>
				<div class="nav-box">
					<div class="nav-tab-box">
						<div class="nav-tab active">
							<span class="name">电瓶车充电</span>
							<span class="line"></span>
						</div>
						<div class="nav-tab">
							<span class="name">汽车充电</span>
							<span class="line"></span>
						</div>
					</div>
					<div class="daohang-box">
						<img src="images/icon/icon-dingwei.png" alt="" class="icon-dingwei">
						<span class="name">重新定位</span>
					</div>
				</div>


			</div>

		</div>

		<!-- 列表 -->
		<div class="content-list-box noneOrder">
			<div class="buy-record-list">
				<div class="buy-record-title">
					<div class="title">郑州东方电热科技有限公司郑州东方电热科技有限公司</div>
					<span class="juli">距你400m</span>
				</div>
				<div class="buy-record-cont">
					河南省郑州市中原区红楠路
				</div>
				<div class="buy-record-bottom">
					<div class="left-name">
						<p class="btn green">闲</p>
						<div class="total-box">
							<span class="green">09</span>
							<span class="black">/10</span>
						</div>
					</div>
					<div class="right-name">
						<img src="images/icon/icon-daohang.png" class="icon-daohang" />
						<span>导航</span>
					</div>
				</div>
			</div>
			<div class="buy-record-list">
				<div class="buy-record-title">
					<div class="title">郑州东方电热科技有限公司郑州东方电热科技有限公司</div>
					<span class="juli">距你400m</span>
				</div>
				<div class="buy-record-cont">
					河南省郑州市中原区红楠路
				</div>
				<div class="buy-record-bottom">
					<div class="left-name">
						<p class="btn green">闲</p>
						<div class="total-box">
							<span class="green">09</span>
							<span class="black">/10</span>
						</div>
					</div>
					<div class="right-name">
						<img src="images/icon/icon-daohang.png" class="icon-daohang" />
						<span>导航</span>
					</div>
				</div>
			</div>
			<div class="buy-record-list">
				<div class="buy-record-title">
					<div class="title">郑州东方电热科技有限公司郑州东方电热科技有限公司</div>
					<span class="juli">距你400m</span>
				</div>
				<div class="buy-record-cont">
					河南省郑州市中原区红楠路
				</div>
				<div class="buy-record-bottom">
					<div class="left-name">
						<p class="btn green">闲</p>
						<div class="total-box">
							<span class="green">09</span>
							<span class="black">/10</span>
						</div>
					</div>
					<div class="right-name">
						<img src="images/icon/icon-daohang.png" class="icon-daohang" />
						<span>导航</span>
					</div>
				</div>
			</div>
			<div class="buy-record-list">
				<div class="buy-record-title">
					<div class="title">郑州东方电热科技有限公司郑州东方电热科技有限公司</div>
					<span class="juli">距你400m</span>
				</div>
				<div class="buy-record-cont">
					河南省郑州市中原区红楠路
				</div>
				<div class="buy-record-bottom">
					<div class="left-name">
						<p class="btn green">闲</p>
						<div class="total-box">
							<span class="green">09</span>
							<span class="black">/10</span>
						</div>
					</div>
					<div class="right-name">
						<img src="images/icon/icon-daohang.png" class="icon-daohang" />
						<span>导航</span>
					</div>
				</div>
			</div>
			<div class="buy-record-list">
				<div class="buy-record-title">
					<div class="title">郑州东方电热科技有限公司郑州东方电热科技有限公司</div>
					<span class="juli">距你400m</span>
				</div>
				<div class="buy-record-cont">
					河南省郑州市中原区红楠路
				</div>
				<div class="buy-record-bottom">
					<div class="left-name">
						<p class="btn green">闲</p>
						<div class="total-box">
							<span class="green">09</span>
							<span class="black">/10</span>
						</div>
					</div>
					<div class="right-name">
						<img src="images/icon/icon-daohang.png" class="icon-daohang" />
						<span>导航</span>
					</div>
				</div>
			</div>
		</div>


		<div class="footer-box">
			<a class="footer-warp" href="首页.html">
				<img src="images/tabbar/icon-home-active.png" class="icon-home" />
				<p class="footer-name">首页</p>
			</a>

			<a class="footer-warp" href="确认充电.html">
				<div class="footer-img-box">
					<img src="images/tabbar/icon-shebei.png" class="icon-shebei" />
					<img src="images/tabbar/icon-sao.png" class="icon-sao" />
				</div>
				
			</a>

			<a class="footer-warp" href="个人中心.html">
				<img src="images/tabbar/icon-wode.png" class="icon-home" />
				<p class="footer-name">个人中心</p>
			</a>
		</div>
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
		<script type="text/javascript" src="js/init.js"></script>
		<script type="text/javascript">
			$(function() {
				// 切换导航
				$('.nav-tab-box .nav-tab').click(function() {
					$(this).addClass('active').siblings().removeClass('active')
				})
			})
		</script>
	</body>
</html>